<!DOCTYPE HTML>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header">
</head>
<style type="text/css">
	.new_body {
		margin: 15px;
	}
	.col-sm-2.control-label.prol {
		width: 150px;
		height: 20px;
		text-align: right;
		/*margin-left: -10px;*/
		padding-right: 24px;
		padding-top: 5px;
		font-size: 15px;
	}
	.col-sm-10.pror {
		float: left;
		width: 15%;
		padding-left: -130px;
		margin-left: -20px;
	}
	.dxfcls {
		margin-top: 10px;
		margin-left: 15px;
		margin-bottom: -5px;
	}
</style>
<body class="white-bg">
	<input type="hidden" id="byq_id" th:value="*{byq_id}"/>
	<input type="hidden" id="byq_name" th:value="*{byq_name}"/>

	<div id="rrapp" v-cloak>
		<div v-show="showList">
			<div class="grid-btn">
				<!--<div class="form-group">
					<div class="col-sm-2 control-label prol">台区/支线名称：</div>
					<div class="col-sm-10 pror">
						<select class="form-control" id="LineArea" onchange="changeLineAreaDXF()">
							<option value=''>-&#45;&#45;请选择-&#45;&#45;</option>
						</select>
					</div>

				</div>-->

				<div class="dxfcls">
					<input type="button" class="btn btn-primary" id="enlarge" value="放大" />
					<input type="button" class="btn btn-primary" id="reduction" value="缩小" />
					<input type="button" class="btn btn-primary" id="expDxf" value="导出DXF文件" />
					<!--<input type="button" class="btn btn-primary" id="expPDF" value="导出PNG文件" />-->
				</div>



			</div>

			<div class="new_body">
				<div class="new_mainpanle" style="overflow:auto">
					<div class="" id="parent_svg" style="height:1000px; ">
						<svg id="singleLine" width="1000" height="400" version="1.1"
							 xmlns="http://www.w3.org/2000/svg">
						</svg>
					</div>
				</div>
			</div>
		</div>
	</div>
	<form id="dxfform" action="/assets/exportCad/DXF" method="post">
		<input type="hidden" name="svgStr" id="svgStr">
		<input type="hidden" name="dxf_file_name" id="dxf_file_name">
	</form>

	<!--<form id="pdfForm" action="/assets/exportCad/svg2PDF" method="post">
		<input type="hidden" name="svgStrforPdf" id="svgStrforPdf">
		<input type="hidden" name="pdf_file_name" id="pdf_file_name">
	</form>-->




    <div th:include="include::footer"></div>

    <script type="text/javascript">
        /**
         * DXF文件查看并导出
         */

        var byq_id = $("#byq_id").val();		//	变压器id
        var byq_name = $("#byq_name").val();	//	变压器名称
//        console.log("byq_id=="+byq_id+"	byq_name=="+byq_name)

        var svg;							// svg

        //初始化加载
        $(function () {
            svg = Snap("#singleLine");
//            LineArea(byq_id,byq_name);//支线
            // 初始化单线图
            init_load(byq_id,byq_name);

            // 导出DXF文件
            $("#expDxf").click(function(){
                expDxf(byq_name);
            });
            // 导出PDF文件
            $("#expPDF").click(function(){
                expPDF(byq_name);
            });
            //放大
            $("#enlarge").click(function(){
                svg_enlarge(byq_id);
            });
            //缩小
            $("#reduction").click(function(){
                svg_narrow(byq_id);
            });
        });

        // 选择项目后进行图例和点位单线图初始化
        function init_load(byq_id,byq_name){
            svg_init();				// 初始化图例
//            var line_id = $("#LineArea option:selected").val();//线路
			var line_id = "";
			console.log("线路id=="+line_id)

//			console.log("s=="+line_id)
            getExploration(byq_id,byq_name,line_id);	// 获取点位信息
        }

        // 查询出项目点位信息后，传递给js进行解析显示当前项目的单线图
        function getExploration(byq_id,byq_name,line_id){
            svg_init();	// 初始化图例
            // 传递给后台进行查询当前项目的点位等信息，并将信息传递给js进行解析显示单线图
            $.post("/assets/exportCad/getAllPointInfo", {
                byq_id: byq_id,
                line_id:line_id
            }, function(data){
                // 返回的数据
                byqId = byq_id;
                svgPoint = data.pointList;	// 点位数据
                svgRawPoint = data.pointList;// 点位原始数据
                svgLaxian = data.laxianList;// 拉线信息
                svgCross = data.crossCostList;// 跨越物信息
                textgcmc = data.textgcmc;		// 工程名称
                textsjdw = data.textsjdw;		// 设计单位
                projectName = data.projectName;	// 项目名称
                svgSpec = data.pointInfo;		// 设计信息(线路总长，杆塔基数，跨越物类型数量)
                load_svg_data();		// 单线图加载生成
            }, "json");
        }



        /**
         *  加载支线
         */
        function LineArea(byq_id,byq_name) {
            $.post("/assets/iLine/sonLine", {byq_id: byq_id}, function (data) {
//                console.log("list=="+JSON.stringify(data))
                if (data) {
                    var list = data;
                    // 数组只有length属性
                    $("#LineArea").empty();
                    var h = "<option value=''>---全部---</option>";
                    for (var i = 0; i < list.length; i++) {
                        // console.log("id="+list[i]["guid"]+"  :  name="+list[i]["pRName"]);
                        h += "<option value='" + list[i]["id"] + "'>" + list[i]["name"] + "</option>"
                    }
                    $("#LineArea").append(h);
                    init_load(byq_id,byq_name);//初始化单线图
                }
            }, "json");
        }

        /**
         *  获取当前选择的台区
         */
        function changeLineAreaDXF() {
            //选择的台区
            var line_id = $("#LineArea").val();                        // 线路ID
            var line_name = $("#LineArea option:selected").text();   // 线路名称
//			console.log("line_name+line_id=="+line_id+">>>>>>>>>"+line_name)
            getExploration(byq_id,byq_name,line_id);

        }


        //导出dxf文件
        function expDxf(pBName){
            /*var LineAreaName = $("#LineArea option:selected").text();   // 线路名称
            if(LineAreaName == "---全部---"){
                LineAreaName="全部";
            }*/
            var LineAreaName="全部";
            var _name = pBName+"_"+LineAreaName;// 项目名称+台区名称
//            console.log("导出名称="+_name);
            var strvg = $("#parent_svg").html().replace(/[\r\n]/g,"").replace(/"/g,"'").replace(/</g,"@#@").replace(/>/g,"$#$");
            $("#svgStr").val(strvg);
            $("#dxf_file_name").val(_name);//文件名称
            $("#dxfform").submit();
        }

        //导出PDF文件
        function expPDF(pBName){
            var LineAreaName = $("#LineArea option:selected").text();   // 线路名称
            if(LineAreaName == "---全部---"){
                LineAreaName="全部";
            }
            var _name = pBName+"_"+LineAreaName;// 项目名称+台区名称
//            console.log("导出名称="+_name);
            var strvg = $("#parent_svg").html().replace(/[\r\n]/g,"").replace(/"/g,"'").replace(/</g,"@#@").replace(/>/g,"$#$");
            $("#svgStrforPdf").val(strvg);
            $("#pdf_file_name").val(_name);//文件名称
            $("#pdfForm").submit();
        }

	</script>
	<script th:src="@{/js/exportDetail/snap.svg-min.js}"></script>
	<!--<script th:src="@{/js/exportDetail/New_DXF_cpbase.js}"></script>-->
	<script th:src="@{/js/exportDetail/New_DXF_cpbase_no.js}"></script>


</body>
</html>
